import { defineComponent } from 'vue';

export default defineComponent({
  name: 'HelloWorld',
  props: {
    msg: String
  },
  setup(props) {
    return () => (
      <div class="text-center">
        <h1 class="text-emerald-600">{props.msg}</h1>
        <h3>
          You’ve successfully created a project with
          <a href="https://vitejs.dev/" target="_blank" rel="noopener">
            Vite
          </a>{' '}
          +
          <a href="https://vuejs.org/" target="_blank" rel="noopener">
            Vue 3
          </a>
          . What's next?
        </h3>
      </div>
    );
  }
});
